/*清除margin，padding*/
*{
	margin:0;
	padding:0;
}
/*去除a标签下划线样式*/
a{
	text-decoration:none;
}
/*去除ul的小黑点*/
ul{
	list-style:none;
}
body{
	background: #F5F5F5;
	font-size: 14px;
	font-family: arial,"Hiragino Sans GB", "Microsoft YaHei","微軟正黑體","儷黑 Pro", sans-serif;
}
section{
	/*宽高*/
	width: 854px;
	height:600px;
	/*设置相对定位*/
	position:relative;
	background-color: #fff;
	margin: 0 auto 20px;
	min-height: 620px;
}
/*二维码。*/
section>div>div#two-dimension-code>a#qrcode-trigger{
	width: 68px;
	height: 68px;
	position: absolute;
	right: 0;
	top: 0;
	background: url("../img/login/sprite_login.gif");
}
/*MI 图标和 文字*/
section>div>div.lgnheader{
	padding: 50px 0 30px;
	text-align: center;
}
section>div>div.lgnheader>span{
	display: inline-block;
	width: 56px;
	height: 56px;
	margin: 0 auto;
	background: url("../img/login/logo.png");
}
section>div>div.lgnheader>h4{
	font-size: 30px;
	color: #424242;
	font-weight: normal;
	padding-top: 22px;
}
/*登录框框*/
section > div:nth-child(1){
	width:385px;
	height:460px;
	background:#FFF;
	margin: 0 auto;
}
/*主体内容,设置宽高*/
section form.frame{
	width:300px;
	height:322px;
	margin-top: 20px;
	margin:0 auto;
}
/*邮箱账号、密码输入框*/
section form.frame .frame_input{
	box-sizing:border-box;
	width:301px;
	height:38px;
	border:1px solid #E8E8E8;
	margin-bottom:10px;
}
/*icon背景图*/
.frame_input > .frame_icon{
	width:21px;
	height:21px;
	display:inline-block;
	vertical-align:middle;
	margin-left:6px;
}
/*竖线*/
.frame_input > .frame_shuxian{
	color:#E8E8E8;
}
/*账号输入框icon*/
.frame_input > .frame_uname_icon{
	background:url("../img/login/person_icon.png") no-repeat;
}
/*输入框*/
.frame_input > #uname{
	width:255px;
	height:36px;
	border:none;
	outline:none;
	font-size:15px;
}
/*密码输入框icon*/
.frame_input > .frame_upwd_icon{
	background:url("../img/login/lock_icon.png") no-repeat;
}
/*输入框*/
.frame_input > #upwd{
	width:255px;
	height:36px;
	border:none;
	outline:none;
	font-size:15px;
}

/*登录按钮*/
.frame .login_button_box{
	width:300px;
	height:50px;
	margin-top:40px;
	margin-bottom:17px;
}
.frame .login_button_box .login_button{
	text-decoration:none;
	display:block;
	width:100%;
	height:48px;
	text-align:center;
	color:#FFF;
	background:#ef5b00;
	font-size:18px;
	line-height:48px;
	border: none;
	border-radius:2px;
}

/*忘记密码，去登陆*/
.frame .forgetupwd_goregister{
	width:100%;
	height:27px;
}
.frame .forgetupwd_goregister .forgetupwd{
	float:left;
	color:#999999;
	font-size:12px;
}
.frame .forgetupwd_goregister .goregister{
	float:right;
	color:#999999;
	font-size:12px;
}
/*鼠标悬停出现效果*/
.frame .forgetupwd_goregister .forgetupwd:hover{
	color:#666;
}
.frame .forgetupwd_goregister .goregister:hover{
	color:#666;
}
/*---------------------底部------------------------*/
/*分割线,"其他登录方式"*/
.login_bottom .other_login_font{
	width:100%;
	height:26px;
	font-size:14px;
	color:#999999;
	text-align:center;
}
/*other_login*/
.login_bottom .other_login{
	width:100%;
	height:50px;
	margin-top:30px;
	text-align:center;
}
/*登录方式的样式*/
.other_login > div{
	box-sizing:border-box;
	float:left;
	width:68px;
	height:50px;
}
/*每个登录方式的icon样式*/
.other_login .other_login_icon{
	width:30px;
	height:30px;
	margin:0 auto;
	border-radius: 50%;
	background: #757575;
	position: relative;
}
.other_login .other_login_icon>i{
	display: inline-block;
	position: relative;
	top: 5px;
	width: 18px;
	height: 18px;
}
.other_login>div:nth-child(3) .other_login_icon>i{
	width: 24px;
}
.other_login>div:last-child .other_login_icon>i{
	width: 24px;
}
/*每个登录方式的字体样式*/
.other_login .other_login_font{
	font-size:12px;
	margin-top:2px;
}
/*QQ*/
.QQ{
	background: #757575 url("../img/login/icons_type.png") no-repeat -19px 0;
}
/*鼠标悬停在QQ icon改变背景图片*/
.other_login > div:nth-child(1)>a>div:hover {
	background: #0288d1;
}
.other_login > div:nth-child(1)>a>div:hover i{
	background: #0288d1 url("../img/login/icons_type.png") no-repeat -19px 0
}
/*微博*/
.weibo{
	background:url("../img/login/icons_type.png") no-repeat -38px 0;
}
/*鼠标悬停在微博icon改变背景图片*/
.other_login > div:nth-child(2)>a>div:hover{
	background: #d32f2f;
}
.other_login > div:nth-child(2)>a>div:hover i{
	background: #d32f2f url("../img/login/icons_type.png") no-repeat -38px 0;
}
/*支付宝*/
.hm_pay{
	background:url("../img/login/icons_type.png") no-repeat -56px 0;
}
.other_login > div:nth-child(3)>a>div:hover{
	background: #0ae;
}
.other_login > div:nth-child(3)>a>div:hover i{
	background: #0ae url("../img/login/icons_type.png") no-repeat -56px 0;
}

/*微信*/
.weixin{
	background:url("../img/login/icons_type.png") no-repeat -83px 0;
}
/*鼠标悬停在微信icon改变背景图片*/
.other_login > div:nth-child(4)>a>div:hover{
	background: #00d20d;
}
.other_login > div:nth-child(4)>a>div:hover i{
	background: #00d20d url("../img/login/icons_type.png") no-repeat -83px 0;
}



/*main-2*/
section>div.main-2{
	height: 620px;
	width: 854px;
	display: none;
	position: relative;
}
/*"x"*/
section>div.main-2>div.ercode-pannel>a#qrcode-close{background-color: #bdbdbd;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
}
section>div.main-2>div.ercode-pannel>a#qrcode-close>span{
	width: 14px;
	height: 14px;
	display: block;
	margin: 8px auto 0;
	cursor: pointer;
	background: url("../img/login/x.png") no-repeat 1px 2px;
}
/*扫码登录部分*/
section>div.main-2>div.ercode-pannel>div.ercode-box{
	width: 600px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -200px;
	margin-left: -300px;
}
section>div.main-2>div.ercode-pannel>div.ercode-box>div.code-hd{
	padding-bottom: 50px;
	text-align: center;
}
section>div.main-2>div.ercode-pannel>div.ercode-box>div.code-hd>h3{
	font-size: 30px;
	color: #ff6700;
	font-weight: normal;
	padding-bottom: 10px;
}
section>div.main-2>div.ercode-pannel>div.ercode-box>div.code-hd>p{
	color: #757575;
}

/*二维码图片*/
section>div.main-2>div.ercode-pannel>div.ercode-box>div.code-two{
	width: 272px;
	height: 272px;
	margin: 0 auto;
}
section>div.main-2>div.ercode-pannel>div.ercode-box>div>img{
	margin: 0 auto;
}
